<include file="Public:header" />
<link type="text/css" href="__CSS__/info.css" rel="stylesheet" />
<div class="main">
    <include file="House:nav" />
    <div>
        <div class="photo01">
            <ul>
                <li><a <php>if(!$cate){</php> class="selected" <php>}</php> href="{:U('House/pic',array('hid'=>$house['id']))}" >全部({$pic_count.count})</a></li>
                <volist name='menu[5]' id='vo'>
                    <li><a <php>if($cate==$key){</php> class="selected" <php>}</php> href="{:U('House/pic',array('hid'=>$house['id'],'cate'=>$key))}" >{$vo}({$pic_count[$key]})</a></li>
                </volist>
            </ul>
        </div>
        <div class="type_photo overflow_h">
            <ul id="pic_list">
                <volist name='list' id='vo'>
                <li>
                    <a href="{$vo.img}" title="{$vo.title}"  rel="prettyPhoto[]">
                        <img src="{$vo.img}">
                        <p>{$vo.title}</p>
                    </a>
                </li>
                </volist>
            </ul>
        </div>
        <div class="plastic_bottom_pages">
            {$page}
        </div>
    </div>
</div>
<!--弹出图片-->
<script type="text/javascript" src="__JS__/jquery.js"></script>
<link type="text/css" href="__JS__/photo/css/prettyPhoto.css" rel="stylesheet" />
<script type="text/javascript" src="__JS__/photo/js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="__JS__/layer/layer.js"></script>
<script type="text/javascript" src="__JS__/public.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("area[rel^='prettyPhoto']").prettyPhoto();
        $("#pic_list:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});
    })
</script>
<include file="Public:footer" />